<template>
  <view class="video-content">
    <uni-row class="demo-uni-row">
    	<uni-col :span="8" v-for="(item,i) in 12" :key="i" class="padB10">
    		<view class="img-content">
    		  <image class="img-one" mode="mode" src="#"></image>
    		</view>
    		<view class="img-title">向师祖献上咸鱼</view>
    	</uni-col>
    </uni-row>
  </view>
</template>

<script setup>
  import { ref } from 'vue';

  const imgData = ref([])
  
</script>

<style lang="scss">
  .video-content {
    width: 100%;
    height: 100%;
    padding-left: 10px;
    padding-bottom: 20px;
  
    .img-one {
      width: 110px; 
      height: 160px; 
      background-color: #efefef;
      margin-top: 10px;
    }
    
    .img-title {
      color: #676767;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      width: 100%;
      padding-bottom: 10px;
    }
    
  }
</style>
